<template>
    <div class="base">
        <!-- Author: guyang -->
        <div class="select">
            <el-select v-model="value" placeholder="请选择">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
            </el-select>
        </div>

        <div class="text">
            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea">
            </el-input>
        </div>

        <div class="button">
            <el-row>
                <el-button>默认按钮</el-button>
                <el-button type="primary">主要按钮</el-button>
            </el-row>
        </div>
    </div>
</template>
<script type="text/javascript">
    (function (G) {
        G.vue({
            "usingComponents": {///引入组件

            },
            "enablePullDownRefresh": true,
            "navigationBarTitleText": "新闻详情"
        }, {
            data: {
                textarea: '',
                content: 'sdfsg',

                options: [{
                    value: '选项1',
                    label: '黄金糕'
                }, {
                    value: '选项2',
                    label: '双皮奶'
                }, {
                    value: '选项3',
                    label: '蚵仔煎'
                }, {
                    value: '选项4',
                    label: '龙须面'
                }, {
                    value: '选项5',
                    label: '北京烤鸭'
                }],
                value: ''
            },
            methods: {

            },
            mounted(query) {
                console.log(query)
                G.get('/api/model/g_case').then(res => {
                    this.setData({
                        content: res.length
                    })
                })
            }
        });
    })(Y)

    // export default {
    //     data() {
    //         return {
    //             options: [{
    //                 value: '选项1',
    //                 label: '黄金糕'
    //             }, {
    //                 value: '选项2',
    //                 label: '双皮奶'
    //             }, {
    //                 value: '选项3',
    //                 label: '蚵仔煎'
    //             }, {
    //                 value: '选项4',
    //                 label: '龙须面'
    //             }, {
    //                 value: '选项5',
    //                 label: '北京烤鸭'
    //             }],
    //             value: ''
    //         }
    //     }
    // }
</script>
<style scoped>
    .base {
        width: 80%;
        height: 40%;
    }
</style>